import React, { Suspense } from 'react'
import ReactDOM from 'react-dom/client'
import { BrowserRouter,HashRouter } from 'react-router-dom'
import { Provider } from 'react-redux'
import { ThemeProvider } from 'styled-components'
import store from './store'

import 'normalize.css'
import './assets/css/base.css'
import theme from './assets/theme'
import App from '@/App'
import Loading from './base-ui/Loading'
const root = ReactDOM.createRoot(document.getElementById('root'))
root.render(
  <HashRouter>
    <ThemeProvider theme={theme}>
      <Provider store={store}>
        <Suspense fallback={<Loading />}>
          <App />
        </Suspense>
      </Provider>
    </ThemeProvider>
  </HashRouter>
)
